@charset "utf-8";
@import "reset";
.container{
    width: 100vw;
    height: 100vh;
    background: url(../imgs/background.png)no-repeat;
    background-size: cover;
    position: relative;

    .mainBox{
        width: 80vw;
        height: 70vh;
        background-color:   rgba(226,244,254, 0.6);
        // border: 1px solid #D8DBE0;
        border-radius: vw(20);
        box-shadow: 3px 3px 10px rgba(208,208,208, 0.9);
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        
        .name{
            padding: vw(30) vw(20);
            font-size: vw(25);
            width: vw(80);
            margin-left: vw(10);
            border-bottom: vw(2) solid #333;
            

        }
        .main{
            .topTitle{
                padding: vw(20) vw(20);
                p{
                    text-indent: 2em;
                    font-size: vw(26);
                }

                
            }
            .imgTitle{
                text-align: center;
                >.imgBox{
                    width: vw(300);
                    height: vw(300);
                    margin: vw(30) auto;
                    border: 3px solid #333;
                    img{
                        width: 100%;
                    }
                }
                button{
                    width: vw(220);
                    height: vw(70);
                    border-radius: vw(50);
                    background-color: #D0E6F3;
                    border: none;
                    color: #3F7AA3;
                    font-size: vw(25);
                }
            }
            .botTitle{
                padding: vw(30) vw(20);
            
                p{
                    text-indent: 2em;
                    font-size: vw(26);

                }
            }
        }



    }
}